<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>DLZ Field Service Database</title>
        <link rel="stylesheet" type="text/css" href="static/resources/ext-3.2.1/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="static/resources/dlz/resources/css/dlz.css" />
        <!--change to production after development-->
        <script type="text/javascript" src="static/resources/ext-3.2.1/adapter/ext/ext-base.js">
        </script>
		<script type="text/javascript" src="static/resources/ext-3.2.1/ext-all.js">
        </script>
		<!--
        <script type="text/javascript" src="static/resources/ext-3.2.1/ext-all-debug.js">
        </script>
		-->
        <!-- Add dlz library-->
        <script type="text/javascript" src="static/resources/dlz/grid/ColumnHeaderGroup.js">
        </script>
		<script type="text/javascript" src="static/resources/dlz/form/FileUploadField.js">
        </script>
        <!-- add project library-->
		<script type="text/javascript" src="static/resources/FieldServiceDatabase/init.js">
        </script>
        <script type="text/javascript" src="static/resources/FieldServiceDatabase/ProjectList.js">
        </script>
		 <script type="text/javascript" src="static/resources/FieldServiceDatabase/UploadWindow.js">
        </script>
        <script type="text/javascript" src="static/resources/FieldServiceDatabase/TestGrid.js">
        </script>
        <script type="text/javascript" src="static/resources/FieldServiceDatabase/QueryWindow.js">
        </script>
        <script type="text/javascript" src="static/resources/FieldServiceDatabase/asphalt/workspace.js">
        </script>
        <style>
            
            .dlzbutton {
                background-image: url("http://dev.sencha.com/deploy/dev/examples/menu/list-items.gif") !important;
            }
            
            .calendar-css {
                margin: 0 0 0 30;
            }
            
            .disabled-row td {
                color: #c3c3c3;;
            }
            
            td.dlz-table-label {
                font-weight: bold;
                text-align: right;
            }
            
            .dlz-right {
                text-align: right;
            }
            
            .dlz-billing td {
                text-align: center;
            }
            
            .dlz-highlight {
                background: #aaaaff;;;
                font-weight: bolder;
            }
            
            .dlz-billing {
                border-collapse: collapse;
                background: #E8EDFF;
            }
            
            .dlz-billing th, .dlz-billing td {
                border-collapse: collapse;
                border: 1px solid #FFFFFF;
            }
            
            .dlz-billing td {
                font-size: smaller;
                padding: 3 3 3 3;
            }
            
            .dlz-billing th {
                color: #003399;
                background: #B9C9FE;
                font-size: smaller;
                padding: 5 5 5 5;
            }
            
            .dlz-gray {
                background: #D6DFFF;
            }
            
            .dlz-blank td {
                font-size: 5px;
                background: #ffffff;
            }
            
            th.dlz-heading2 {
                text-align: left;
                background: #ffffff;
                color: #808080;
                font-weight: 100;
            }
            
            span.dlz-bold {
                font-weight: bolder;
                text-decoration: underline;
            }
            
            td.dlz-right {
                text-align: right;
            }
            
            td.dlz-left {
                text-align: left;
            }
            
            .login {
                position: absolute;
                right: 7px;
                top: 7px;
                color: white;
            }
        </style>
    </head>
    <body>
        <div id='header' style="text-align:left;color: white;font:12px;background:#1E4176;font-weight:bold;margin: 0;padding: 5px 0 0 5px">
		<img border="0" style="float:left;height: 20px; margin: -2px 10px 0 0" src="http://www.corp.dlzcorp.com/images/DLZLogo.jpg">DLZ FIELD TESTING DATABASE v0.1
            <div class="top">
                <div class="login" style='color: white;font-size:smaller'>
                    <span>{{ user }}</span>|<span><a style="color: white;" href="{{ logout_url }}">Sign out</a></span>|<span><a style="color: white;" target="_blank" href="{{ admin_url }}">Admin</a></span>
                </div>
				
            </div>
        </div>
        <div id='footer' style="text-align:center;color: #15428B;font-size:10px;margin-bottom: 5px;">Developed by Mel Meng</div>
    </body>
</html>
